<!DOCTYPE html>
<html>
 <head> 
  <meta charset="UTF-8" /> 
  <title>Tv遥控器</title> 
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="layoutmode" content="standard">

  <link rel="stylesheet" href="style.css" media="screen" type="text/css" /> 
 </head> 
 <body> 
  <div style="text-align:center;clear:both;"> 
  </div> 

  <article class="tabs"> 
    <ul class="header-tab">
      <li class="active" data-tab="tab1">电视遥控器</li>
      <li data-tab="tab2">远程输入法</li>
    </ul>

  <!--  tabs content -->
   <div class="panels"> 

   <!-- tab 1 contents -->
    <div class="panel active" id="tab1"> 
     <div class="keys"> 
      <div id="direction-btns" class="direction-btns"> 
       <div class="otherbtn home-btn" id="home-btn" data-key="3" data-bp="-586px -315px"></div> 
       <div class="otherbtn vol-btn" id="vol-btn" data-key="164" data-bp="-711px -315px"></div> 
       <div class="direction left-btn" id="left-btn" data-key="21" data-bp="-1px -247px"></div> 
       <div class="direction top-btn" id="top-btn" data-key="19" data-bp="-247px -1px"></div> 
       <div class="direction right-btn" id="right-btn" data-key="22" data-bp="-493px -1px"></div> 
       <div class="direction bottom-btn" id="bottom-btn" data-key="20" data-bp="-247px -247px"></div> 
       <div class="direction center-btn" id="center-btn" data-key="23" data-bp="-740px -1px"></div> 
       <div class="otherbtn back-btn" id="back-btn" data-key="4" data-bp="-586px -251px"></div> 
       <div class="otherbtn menu-btn" id="menu-btn" data-key="82" data-bp="-711px -251px"></div> 
       <div class="otherbtn vol1-btn" id="vol1-btn" data-key="24" data-bp="-711px -379px"></div> 
       <div class="otherbtn vol2-btn" id="vol2-btn" data-key="25" data-bp="-711px -379px"></div> 
      </div> 
     </div> 
    </div> 

    <!-- tab 2 -->
    <div class="panel" id="tab2"> 

        <div class="inputarea-wrapper"> 
         <textarea id="inputarea" rows="2" placeholder="What you want ?"></textarea> 
        </div> 

       <div class="btn-line"> 
        <input type="button" value="删除" class="btn" id="btnDel" data-key="67" />
        <!-- <div id="confirm" class="btn-nowd btn-wd">Submit</div>  -->
        <button id="confirm" class="btn">提交</button>
        <input type="button" value="清空" class="btn" id="btnCls" data-key="68" />
       </div> 

    </div> 

   </div> 
   <!-- end of panels -->

  </article>  

    <script src="jquery_min.js"></script>
    <script src="controls.js"></script>
 </body>
</html>